<template>
  <div class="success">
        <div>
      <NavBar :title="title" :route="route"></NavBar>
    </div>
    <div class="successBox">
      <div class="success">
        <img :src="ico" class="ico">
        <h1 style="flort:left;">已报名</h1>
      </div>
    </div>
    <!-- 提示信息 -->
    <div class="PromptInformation">
        <p>您的报名专业如下</p>
    </div>
    <div class="Information">
      <p>所报院校：<span>金榜登科第一中学</span></p>
      <p>所报考时：<span>2022年艺体生招生考试</span></p>
      <p>所报考点：<span>廊坊市广阳区考点</span></p>
      <p>所报专业：<span>美术</span></p>
    </div>
    <div class="enterClick">
      <van-button type="primary" class="btn" @click="save">查看我的报名记录</van-button>
    </div>
  </div>
</template>

<script>
import NavBar from '@/components/navBar.vue'
// import Loger from '../../assets/'
export default {
  components:{
      NavBar,
    },
    data() {
      return {
        // 标题  路由
        title: '在线确认',
        route: '/OnlineEnter',
        // Loger,
        ico:require('../../assets/tu147.svg')
      }
  },
  methods:{
    save(){
      this.$router.push({path:'MyApplication'})
    }
  }
}
</script>

<style scoped>
.success{
  background-color: #f7f7f7;
  height: 100%;
}
.successBox{
  margin-left: 114px;
  margin-top: 35px;
}
.success h1{
  margin-left: 60px;
  margin-top: -37px;
  color: rgba(42, 130, 228, 1);
}
.PromptInformation{
  text-align: center;
  margin-top: 20px;
  	color: rgba(128, 128, 128, 1);
	font-size: 14px;
	line-height: 150%;
}
.Information {
  margin:20px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 2px 15px;
}
.Information p {
  font-size: 14px;
}
.Information p span {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}
.content {
  padding-top: 1px;
  height: 100%;
}
.ico{
  width: 30px;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 20px;
}
.enterClick{
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  text-align: center;
}
.btn{
  border: none;
  background-color: rgba(39, 136, 221, 1);
  width: 80%;
}
</style>
